<template>
  <div id="sec2Right">
    <el-tabs v-model="activeName2" type="card">
      <el-tab-pane label="网站公告" name="first">
        <ul>
          <li style="cursor: pointer" v-for="item in children" @click="goPath(item.path)">{{item.title}}</li>
        </ul>
      </el-tab-pane>
      <el-tab-pane label="新手指导" name="second">配置管理</el-tab-pane>
    </el-tabs>
  </div>

</template>

<script>
  export default {
    data () {
      return {
        activeName2: 'first',
        children: [
          {
            title: '本站会员必读',
            path: '/problem'
          },
          {
            title: '提款注意事项',
            path: '/problem'
          },
          {
            title: '注册时用户注意事项',
            path: '/problem'
          },
          {
            title: '充值提款',
            path: '/problem'
          }
        ]
      }
    },
    methods: {
      goPath (path) {
        this.$router.push(path)
      }
    }

  }
</script>

<style lang="less">
#sec2Right{
  li{
    padding-bottom:5px;
  }
  .el-tabs__nav{
    width: 100%;
  }
.el-tabs__nav >div{
  width: 50%;
}
  .el-tabs__item.is-active {
    border-top: 4px solid #e4393c;
    color:#e4393c ;
    position: relative;
  }
}
</style>
